Questions
10 of 17
1What are different form elements in HTML ?
2What is the role of the <label> tag in forms ?
3What does name attribute do in an input field ?
4Explain method="GET" vs method="POST" in forms ?
5What is the purpose of action in form?
6What is native form validation in HTML?
7How do you make an input field required?
8How do you limit input length in a form?
9How to restrict a field to accept only numbers?
10What does the pattern attribute do?
11What is the placeholder attribute?
12What is the use of autocomplete?
13How do you build a multi-step form with native HTML?
14How can you capture file uploads with HTML?
15What are fieldsets and legends in forms?
16How do you associate multiple labels with one input?
17What is the difference between disabled and readonly?
HTMLHTML
Basics
Common Tags
Attributes and Elements
Lists
Text tags and Formatting
Input and Forms
Block and Inline Elements
Box model
Semantic Tags
Links and Images
Media and Embeds
Tables
HTML entities
HTML and CSS
Performance
SEO
Progressive Enhancement
HTML5
Custom Elements & Web Components
HTML5 APIs
SPAs
WCAG
Security
Best Practices
10 / 17

What does the pattern attribute do?

Using the pattern Attribute in HTML

The pattern attribute in HTML allows you to define a regular expression that the input value must match before the form can be submitted. It’s commonly used for custom validation rules beyond what built-in input types provide.

Key Points About pattern
  1. 1

    Works with text-based inputs like text, email, password, and search.

  2. 2

    The value must match the regex pattern for the form to submit successfully.

  3. 3

    If the value doesn’t match, the browser prevents submission and shows an error message.

  4. 4

    The title attribute can be used alongside pattern to provide a helpful hint about the required format.

Example of pattern Usage